$(function () {
  // 表单校验
  //使用表单校验插件
  $(".admin-form").bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [':disabled', ':hidden', ':not(:visible)'],

    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },

    //3. 指定校验字段
    fields: {
      //校验用户名，对应name表单的name属性
      username: {
        validators: {
          //不能为空
          notEmpty: {
            message: '用户名不能为空'
          },
          //长度校验
          stringLength: {
            min: 2,
            max: 6,
            message: '用户名长度必须在2-6位之间'
          },
          // 拓展一个提示信息
          callback:{
            message:'用户名不存在'
          }
        }
      },
      password: {
        validators: {
          //不能为空
          notEmpty: {
            message: '密码不能为空'
          },
          //长度校验
          stringLength: {
            min: 6,
            max: 12,
            message: '用户名长度必须在6-12位之间'
          },
          callback:{
            message:'密码错误'
          }
        }
      },
    }

  });
  // 表单校验成功时触发success.form.bv
  // 该事件会获取表单数据，并校验
  $(".admin-form").on('success.form.bv', function (e) {
    e.preventDefault();
    //使用ajax提交逻辑
    $.ajax({
      type: 'post',
      url: "/employee/employeeLogin",
      data: $('.admin-form').serialize(),
      dataType: 'json',
      success: function (res) {
        console.log(res);
        if (res.success) {
          location.href = 'index.html';
        }
        if(res.error==1000){
          $(".admin-form").data('bootstrapValidator').updateStatus("username",'INVALID',"callback");
        }
        if(res.error==1001){
          $(".admin-form").data('bootstrapValidator').updateStatus("password",'INVALID',"callback");
        }
        
      }
    })
  });

  // 重置按钮的功能实现 resetForm()方法
  $(".btn-reset").click(function (){
    $('.admin-form').data('bootstrapValidator').resetForm();
  })
})